<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script>
        /*
           jQuery对象转换为DOM对象：

          第一种方式
            var btn1 = $btn[0]; // 此时就把jQuery对象$btn转换成了DOM对象btn1 （推荐使用此方式）

          第二种方式
            var btn2 = $btn.get(0);// 此时就把jQuery对象$btn转换成了DOM对象btn2

         */

        /*
            DOM对象转换为jQuery 对象

          var $btn1 = $(btn); // 此时就把DOM对象btn转换成了jQuery对象$btn1

          $(document）.ready(function(){}); // 调用入口函数
          此处是将document这个js的DOM对象，转换成了jQuery对象，然后才能调用jQuery提供的方法：ready
         */
    </script>
</head>
<body>
    <input type="button" value="按钮" id="btn">
</body>
</html>